// 一级目录HTML结构

export const TopMenuTemp = `
<!-- 文件 -->
<span data-menu="topmenu-file" style="z-index: 10; position: relative;">
    <i class="iconfont icon-caidan"></i>
</span>
<!-- 文件名称 -->
<div class="konva-root-topmenu-filename" contenteditable="true">
    未命名演示文稿
</div>
<div class="line"></div>
<div data-menu="topmenu-add-slide" class="add-slide">
    <span><i class="iconfont icon-xinjian" style="margin-right: 4px;"></i>新建幻灯片</span>
    <span data-menu="slide-temp"><i class="iconfont icon-arrow-right"></i></span>
</div>
<div class="line"></div>
<!-- 保存 -->
<span title="保存" data-menu="topmenu-save">
    <i class="iconfont icon-baocun"></i>
</span>
<!-- 撤销 -->
<span title="撤销" data-menu="topmenu-undo">
    <i class="iconfont icon-chexiao"></i>
</span>
<!-- 重做 -->
<span title="重做" data-menu="topmenu-redo">
    <i class="iconfont icon-zhongzuo"></i>
</span>
<div class="line"></div>
<!-- 中间部分需要实现动态宽度 -->
<div class="konva-root-topmenu-middle">
    <span data-menu="topmenu-insert"> 插入 </span>
    <span data-menu="topmenu-desigh"> 设计 </span>
    <span data-menu="topmenu-switch"> 切换 </span>
    <span data-menu="topmenu-animation"> 动画 </span>
    <span data-menu="topmenu-play"> 放映 </span>
    <span data-menu="topmenu-view"> 视图 </span>
</div>
<div class="line"></div>
<!-- 协同消息中心 -->
<div class="konva-root-topmenu-right" style="margin: 0;">
    <span title="消息中心" data-menu="topmenu-message">
        <i class="iconfont icon-xiaoxi"></i>
        <div class="unread">99+</div>
    </span>
</div>
`;

//  文件菜单 二级目录
const filemenuTemp = `
<div data-submenu="importpptx" class="submenu-filemenu">
    <div class="submenu-filemenu-text">
        <i class="iconfont icon-daoru"></i> 导入PPTX
    </div>
    <div class="submenu-filemenu-shortcut">Bate测试版</div>
</div>
<div data-submenu="exportpptx" class="submenu-filemenu">
    <div class="submenu-filemenu-text">
        <i class="iconfont icon-daochu"></i> 导出PPTX
    </div>
    <div class="submenu-filemenu-shortcut">Bate测试版</div>
</div>
<div class="line-h"></div>
<div data-submenu="exportpdf" class="submenu-filemenu">
    <div class="submenu-filemenu-text">
        <i class="iconfont icon-pdf"></i> 输出为PDF
    </div>
    <div class="submenu-filemenu-shortcut">Ctrl + F</div>
</div>
<div data-submenu="exportimage" class="submenu-filemenu">
    <div class="submenu-filemenu-text">
        <i class="iconfont icon-picture"></i> 输出为图片
    </div>
    <div class="submenu-filemenu-shortcut">Ctrl + I</div>
</div>
<div class="line-h"></div>
<div data-submenu="share" class="submenu-filemenu">
    <div class="submenu-filemenu-text">
        <i class="iconfont icon-share"></i> 分享发送
    </div>
</div>
<div data-submenu="encrypt" class="submenu-filemenu">
    <div class="submenu-filemenu-text">
        <i class="iconfont icon-lock"></i> 文档加密
    </div>
    <div class="submenu-filemenu-shortcut">Ctrl + U</div>
</div>
<div data-submenu="print" class="submenu-filemenu">
    <div class="submenu-filemenu-text">
        <i class="iconfont icon-print"></i> 打印
    </div>
    <div class="submenu-filemenu-shortcut">Ctrl + P</div>
</div>
<div class="line-h"></div>
<div class="submenu-filemenu">
    <div class="submenu-filemenu-text">
        <i class="iconfont icon-help"></i> 帮助
    </div>
    <div class="submenu-filemenu-shortcut">
        <i class="iconfont icon-arrow-right"></i>
    </div>
    <div class="tmenu">
        <div data-submenu="shortcut" class="submenu-filemenu">
            <div class="submenu-filemenu-text">快捷键指南</div>
        </div>
        <div data-submenu="question" class="submenu-filemenu">
            <div class="submenu-filemenu-text">常见问题</div>
        </div>
        <div data-submenu="feedback" class="submenu-filemenu">
            <div class="submenu-filemenu-text">意见反馈</div>
        </div>
    </div>
</div>
`;

// 插入 - 二级目录
const insertTemp = `
<div class="submenu-insertmenu">
    <div class="submenu-insertmenu-text" data-insert="rect1">
        <svg overflow="visible" width="18" height="18"><g  transform="scale(0.09, 0.09) translate(0,0) matrix(1,0,0,1,0,0)"><path  class="shape-path" vector-effect="non-scaling-stroke" stroke-linecap="butt" stroke-miterlimit="8" fill="transparent" stroke="#999" stroke-width="2" d="M 0 0 L 200 0 L 200 200 L 0 200 Z"></path></g></svg>
        矩形
    </div>
    <div class="submenu-insertmenu-shortcut">
        <i class="iconfont icon-arrow-right"></i>
        <div class="submenu-insertmenu-shortcut-subs">
            <svg  data-insert="rect1" overflow="visible" width="18" height="18"><g  transform="scale(0.09, 0.09) translate(0,0) matrix(1,0,0,1,0,0)"><path  class="shape-path" vector-effect="non-scaling-stroke" stroke-linecap="butt" stroke-miterlimit="8" fill="transparent" stroke="#999" stroke-width="2" d="M 0 0 L 200 0 L 200 200 L 0 200 Z"></path></g></svg>
            <svg  data-insert="rect2" overflow="visible" width="18" height="18"><g  transform="scale(0.09, 0.09) translate(0,0) matrix(1,0,0,1,0,0)"><path  class="shape-path" vector-effect="non-scaling-stroke" stroke-linecap="butt" stroke-miterlimit="8" fill="transparent" stroke="#999" stroke-width="2" d="M 50 0 L 150 0 Q 200 0 200 50 L 200 150 Q 200 200 150 200 L 50 200 Q 0 200 0 150 L 0 50 Q 0 0 50 0 Z"></path></g></svg>
            <svg  data-insert="rect3" overflow="visible" width="18" height="18"><g  transform="scale(0.09, 0.09) translate(0,0) matrix(1,0,0,1,0,0)"><path  class="shape-path" vector-effect="non-scaling-stroke" stroke-linecap="butt" stroke-miterlimit="8" fill="transparent" stroke="#999" stroke-width="2" d="M 0 50 Q 0 0 50 0 L 150 0 Q 200 0 200 50 L 200 200 L 0 200 Z"></path></g></svg>
            <svg  data-insert="rect4" overflow="visible" width="18" height="18"><g  transform="scale(0.09, 0.09) translate(0,0) matrix(1,0,0,1,0,0)"><path  class="shape-path" vector-effect="non-scaling-stroke" stroke-linecap="butt" stroke-miterlimit="8" fill="transparent" stroke="#999" stroke-width="2" d="M 50 0 L 200 0 L 200 150 Q 200 200 150 200 L 0 200 L 0 50 Q 0 0 50 0 Z"></path></g></svg>
        </div>
    </div>
</div>
<div class="submenu-insertmenu">
    <div class="submenu-insertmenu-text" data-insert="arrow4">
        <svg overflow="visible" width="18" height="18"><g  transform="scale(0.09, 0.09) translate(0,0) matrix(1,0,0,1,0,0)"><path  class="shape-path" vector-effect="non-scaling-stroke" stroke-linecap="butt" stroke-miterlimit="8" fill="transparent" stroke="#999" stroke-width="2" d="M 200 100 L 100 0 L 100 50 L 0 50 L 0 150 L 100 150 L 100 200 L 200 100 Z"></path></g></svg>
        箭头
    </div>
    <div class="submenu-insertmenu-shortcut">
        <i class="iconfont icon-arrow-right"></i>
        <div class="submenu-insertmenu-shortcut-subs">
            <svg  data-insert="arrow1" overflow="visible" width="18" height="18"><g  transform="scale(0.09, 0.09) translate(0,0) matrix(1,0,0,1,0,0)"><path  class="shape-path" vector-effect="non-scaling-stroke" stroke-linecap="butt" stroke-miterlimit="8" fill="transparent" stroke="#999" stroke-width="2" d="M 100 0 L 0 100 L 50 100 L 50 200 L 150 200 L 150 100 L 200 100 L 100 0 Z"></path></g></svg>
            <svg  data-insert="arrow2" overflow="visible" width="18" height="18"><g  transform="scale(0.09, 0.09) translate(0,0) matrix(1,0,0,1,0,0)"><path  class="shape-path" vector-effect="non-scaling-stroke" stroke-linecap="butt" stroke-miterlimit="8" fill="transparent" stroke="#999" stroke-width="2" d="M 100 200 L 200 100 L 150 100 L 150 0 L 50 0 L 50 100 L 0 100 L 100 200 Z"></path></g></svg>
            <svg  data-insert="arrow3" overflow="visible" width="18" height="18"><g  transform="scale(0.09, 0.09) translate(0,0) matrix(1,0,0,1,0,0)"><path  class="shape-path" vector-effect="non-scaling-stroke" stroke-linecap="butt" stroke-miterlimit="8" fill="transparent" stroke="#999" stroke-width="2" d="M 0 100 L 100 0 L 100 50 L 200 50 L 200 150 L 100 150 L 100 200 L 0 100 Z"></path></g></svg>
            <svg  data-insert="arrow4" overflow="visible" width="18" height="18"><g  transform="scale(0.09, 0.09) translate(0,0) matrix(1,0,0,1,0,0)"><path  class="shape-path" vector-effect="non-scaling-stroke" stroke-linecap="butt" stroke-miterlimit="8" fill="transparent" stroke="#999" stroke-width="2" d="M 200 100 L 100 0 L 100 50 L 0 50 L 0 150 L 100 150 L 100 200 L 200 100 Z"></path></g></svg>
            <svg  data-insert="arrow5" overflow="visible" width="18" height="18"><g  transform="scale(0.09, 0.09) translate(0,0) matrix(1,0,0,1,0,0)"><path  class="shape-path" vector-effect="non-scaling-stroke" stroke-linecap="butt" stroke-miterlimit="8" fill="transparent" stroke="#999" stroke-width="2" d="M 200 100 L 100 0 L 100 50 L 0 50 L 50 100 L 0 150 L 100 150 L 100 200 L 200 100 Z"></path></g></svg>
            <svg  data-insert="arrow6" overflow="visible" width="18" height="18"><g  transform="scale(0.09, 0.09) translate(0,0) matrix(1,0,0,1,0,0)"><path  class="shape-path" vector-effect="non-scaling-stroke" stroke-linecap="butt" stroke-miterlimit="8" fill="transparent" stroke="#999" stroke-width="2" d="M 0 0 L 120 0 L 200 100 L 120 200 L 0 200 L 80 100 L 0 0 Z"></path></g></svg>
            <svg  data-insert="arrow7" overflow="visible" width="18" height="18"><g  transform="scale(0.09, 0.09) translate(0,0) matrix(1,0,0,1,0,0)"><path  class="shape-path" vector-effect="non-scaling-stroke" stroke-linecap="butt" stroke-miterlimit="8" fill="transparent" stroke="#999" stroke-width="2" d="M 0 0 L 200 100 L 0 200 L 60 100 L 0 0 Z"></path></g></svg>
            <svg  data-insert="arrow8" overflow="visible" width="18" height="18"><g  transform="scale(0.09, 0.09) translate(0,0) matrix(1,0,0,1,0,0)"><path  class="shape-path" vector-effect="non-scaling-stroke" stroke-linecap="butt" stroke-miterlimit="8" fill="transparent" stroke="#999" stroke-width="2" d="M 0 0 L 140 0 L 200 100 L 140 200 L 0 200 L 0 100 L 0 0 Z"></path></g></svg>
        </div>
    </div>
</div>
<div class="submenu-insertmenu">
    <div class="submenu-insertmenu-text" data-insert="text1">
        <svg width="1em" height="1em" viewBox="0 0 48 48" fill="none"><path d="M8 10.9333L8 6H40V10.9333" stroke="#999" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"></path><path d="M24 6V42" stroke="#999" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"></path><path d="M16 42H32" stroke="#999" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"></path></svg>
        文字
    </div>
    <div class="submenu-insertmenu-shortcut">
        <i class="iconfont icon-arrow-right"></i>
        <div class="submenu-insertmenu-shortcut-subs">
            <svg data-insert="text1" width="1em" height="1em" viewBox="0 0 48 48" fill="none"><path d="M8 10.9333L8 6H40V10.9333" stroke="#999" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"></path><path d="M24 6V42" stroke="#999" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"></path><path d="M16 42H32" stroke="#999" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"></path></svg>
            <svg data-insert="text2" t="1726128110769" class="icon icon-fill" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10179" width="200" height="200"><path d="M800.581818 761.018182h-18.618182L537.6 160.581818c-4.654545-9.309091-13.963636-16.290909-25.6-16.290909-11.636364 0-20.945455 6.981818-25.6 16.290909L239.709091 761.018182h-18.618182c-11.636364 0-20.945455 4.654545-23.272727 16.290909-6.981818 18.618182 6.981818 37.236364 25.6 37.236364H302.545455c13.963636 0 25.6-9.309091 27.927272-20.945455 2.327273-13.963636-6.981818-27.927273-20.945454-30.254545l51.2-121.018182H581.818182l48.872727 121.018182c-13.963636 2.327273-23.272727 13.963636-20.945454 30.254545 2.327273 13.963636 13.963636 20.945455 27.927272 20.945455h167.563637c11.636364 0 20.945455-4.654545 23.272727-16.29091 6.981818-18.618182-9.309091-37.236364-27.927273-37.236363z m-423.563636-174.545455l90.763636-218.763636 90.763637 218.763636h-181.527273zM34.909091 474.763636c0 9.309091 6.981818 16.290909 16.290909 16.290909 9.309091 0 16.290909-6.981818 16.290909-16.290909V442.181818c0-9.309091-6.981818-16.290909-16.290909-16.290909-9.309091 0-16.290909 6.981818-16.290909 16.290909v32.581818z m0-104.727272c0 9.309091 6.981818 16.290909 16.290909 16.290909 9.309091 0 16.290909-6.981818 16.290909-16.290909v-32.581819c0-9.309091-6.981818-16.290909-16.290909-16.290909-9.309091 0-16.290909 6.981818-16.290909 16.290909v32.581819z m0 209.454545c0 9.309091 6.981818 16.290909 16.290909 16.290909 9.309091 0 16.290909-6.981818 16.290909-16.290909v-32.581818c0-9.309091-6.981818-16.290909-16.290909-16.290909-9.309091 0-16.290909 6.981818-16.290909 16.290909v32.581818zM51.2 279.272727c9.309091 0 16.290909-6.981818 16.290909-16.290909V230.4c0-9.309091-6.981818-16.290909-16.290909-16.290909-9.309091 0-16.290909 6.981818-16.290909 16.290909v32.581818c0 9.309091 4.654545 16.290909 16.290909 16.290909z m-16.290909 404.945455c0 9.309091 6.981818 16.290909 16.290909 16.290909 9.309091 0 16.290909-6.981818 16.290909-16.290909V651.636364c0-9.309091-6.981818-16.290909-16.290909-16.290909-9.309091 0-16.290909 6.981818-16.290909 16.290909v32.581818z m0 107.054545c0 9.309091 6.981818 16.290909 16.290909 16.290909 9.309091 0 16.290909-6.981818 16.290909-16.290909v-32.581818c0-9.309091-6.981818-16.290909-16.290909-16.290909-9.309091 0-16.290909 6.981818-16.290909 16.290909V791.272727z m921.6-316.509091c0 9.309091 6.981818 16.290909 16.290909 16.290909 9.309091 0 16.290909-6.981818 16.290909-16.290909V442.181818c0-9.309091-6.981818-16.290909-16.290909-16.290909-9.309091 0-16.290909 6.981818-16.290909 16.290909v32.581818z m0-104.727272c0 9.309091 6.981818 16.290909 16.290909 16.290909 9.309091 0 16.290909-6.981818 16.290909-16.290909v-32.581819c0-9.309091-6.981818-16.290909-16.290909-16.290909-9.309091 0-16.290909 6.981818-16.290909 16.290909v32.581819z m0 209.454545c0 9.309091 6.981818 16.290909 16.290909 16.290909 9.309091 0 16.290909-6.981818 16.290909-16.290909v-32.581818c0-9.309091-6.981818-16.290909-16.290909-16.290909-9.309091 0-16.290909 6.981818-16.290909 16.290909v32.581818z m16.290909-300.218182c9.309091 0 16.290909-6.981818 16.290909-16.290909V230.4c0-9.309091-6.981818-16.290909-16.290909-16.290909-9.309091 0-16.290909 6.981818-16.290909 16.290909v32.581818c0 9.309091 6.981818 16.290909 16.290909 16.290909z m-16.290909 404.945455c0 9.309091 6.981818 16.290909 16.290909 16.290909 9.309091 0 16.290909-6.981818 16.290909-16.290909V651.636364c0-9.309091-6.981818-16.290909-16.290909-16.290909-9.309091 0-16.290909 6.981818-16.290909 16.290909v32.581818z m0 107.054545c0 9.309091 6.981818 16.290909 16.290909 16.290909 9.309091 0 16.290909-6.981818 16.290909-16.290909v-32.581818c0-9.309091-6.981818-16.290909-16.290909-16.290909-9.309091 0-16.290909 6.981818-16.290909 16.290909V791.272727z m-481.745455 165.236364H442.181818c-9.309091 0-16.290909 6.981818-16.290909 16.290909 0 9.309091 6.981818 16.290909 16.290909 16.290909h32.581818c9.309091 0 16.290909-6.981818 16.290909-16.290909 0-9.309091-6.981818-16.290909-16.290909-16.290909z m-104.727272 0h-32.581819c-9.309091 0-16.290909 6.981818-16.290909 16.290909 0 9.309091 6.981818 16.290909 16.290909 16.290909h32.581819c9.309091 0 16.290909-6.981818 16.290909-16.290909 0-9.309091-6.981818-16.290909-16.290909-16.290909z m211.781818 0h-32.581818c-9.309091 0-16.290909 6.981818-16.290909 16.290909 0 9.309091 6.981818 16.290909 16.290909 16.290909H581.818182c9.309091 0 16.290909-6.981818 16.290909-16.290909 0-9.309091-9.309091-16.290909-16.290909-16.290909z m-318.836364 0H230.4c-9.309091 0-16.290909 6.981818-16.290909 16.290909 0 9.309091 6.981818 16.290909 16.290909 16.290909h32.581818c9.309091 0 16.290909-6.981818 16.290909-16.290909 0-9.309091-6.981818-16.290909-16.290909-16.290909z m-104.727273-11.636364H109.381818V930.909091c0-9.309091-6.981818-18.618182-18.618182-18.618182H65.163636v-53.527273c0-9.309091-6.981818-18.618182-16.290909-18.618181-9.309091 0-16.290909 6.981818-16.290909 18.618181v53.527273H18.618182c-9.309091 0-18.618182 6.981818-18.618182 18.618182v74.472727c0 9.309091 6.981818 18.618182 18.618182 18.618182H93.090909c9.309091 0 18.618182-6.981818 18.618182-18.618182v-16.290909h48.872727c9.309091-2.327273 18.618182-11.636364 18.618182-18.618182-2.327273-11.636364-20.945455-25.6-20.945455-25.6z m528.29091 11.636364h-32.581819c-9.309091 0-16.290909 6.981818-16.290909 16.290909 0 9.309091 6.981818 16.290909 16.290909 16.290909h32.581819c9.309091 0 16.290909-6.981818 16.290909-16.290909 0-9.309091-6.981818-16.290909-16.290909-16.290909z m104.727272 0h-32.581818c-9.309091 0-16.290909 6.981818-16.290909 16.290909 0 9.309091 6.981818 16.290909 16.290909 16.290909H791.272727c9.309091 0 16.290909-6.981818 16.290909-16.290909 0-9.309091-6.981818-16.290909-16.290909-16.290909zM442.181818 65.163636h32.581818c9.309091 0 16.290909-6.981818 16.290909-16.290909 0-9.309091-6.981818-16.290909-16.290909-16.290909H442.181818c-9.309091 0-16.290909 6.981818-16.290909 16.290909 0 6.981818 6.981818 16.290909 16.290909 16.290909z m-104.727273 0h32.581819c9.309091 0 16.290909-6.981818 16.290909-16.290909 0-9.309091-6.981818-16.290909-16.290909-16.290909h-32.581819c-9.309091 0-16.290909 6.981818-16.290909 16.290909 0 6.981818 6.981818 16.290909 16.290909 16.290909z m209.454546 0H581.818182c9.309091 0 16.290909-6.981818 16.290909-16.290909 0-9.309091-6.981818-16.290909-16.290909-16.290909h-32.581818c-9.309091 0-16.290909 6.981818-16.290909 16.290909-2.327273 6.981818 6.981818 16.290909 13.963636 16.290909z m-316.509091 0h32.581818c9.309091 0 16.290909-6.981818 16.290909-16.290909 0-9.309091-6.981818-16.290909-16.290909-16.290909H230.4c-9.309091 0-16.290909 6.981818-16.290909 18.618182 0 6.981818 6.981818 13.963636 16.290909 13.963636zM158.254545 32.581818H109.381818V18.618182c0-11.636364-9.309091-18.618182-18.618182-18.618182H18.618182C9.309091 0 0 6.981818 0 18.618182V93.090909c0 9.309091 6.981818 18.618182 18.618182 18.618182h16.290909v48.872727c2.327273 9.309091 11.636364 18.618182 18.618182 18.618182 9.309091 0 23.272727-18.618182 23.272727-18.618182V109.381818H93.090909c9.309091 0 18.618182-6.981818 18.618182-18.618182V65.163636h48.872727c9.309091 0 16.290909-6.981818 16.290909-16.290909-2.327273-9.309091-9.309091-16.290909-18.618182-16.290909z m495.709091 32.581818h32.581819c9.309091 0 16.290909-6.981818 16.290909-16.290909 0-9.309091-6.981818-16.290909-16.290909-16.290909h-32.581819c-9.309091 0-16.290909 6.981818-16.290909 16.290909 0 6.981818 6.981818 16.290909 16.290909 16.290909z m104.727273 0H791.272727c9.309091 0 16.290909-6.981818 16.290909-16.290909 0-9.309091-6.981818-16.290909-16.290909-16.290909h-32.581818c-9.309091 0-16.290909 6.981818-16.290909 16.290909 0 9.309091 6.981818 16.290909 16.290909 16.290909zM1005.381818 0H930.909091c-9.309091 0-18.618182 6.981818-18.618182 18.618182v16.290909h-48.872727c-9.309091 2.327273-18.618182 11.636364-18.618182 18.618182 0 9.309091 18.618182 23.272727 18.618182 23.272727h48.872727V93.090909c0 9.309091 6.981818 18.618182 18.618182 18.618182h25.6v53.527273c0 9.309091 6.981818 18.618182 16.290909 18.618181 9.309091 0 16.290909-6.981818 16.290909-18.618181V109.381818h16.290909c9.309091 0 18.618182-6.981818 18.618182-18.618182V18.618182c-2.327273-11.636364-9.309091-18.618182-18.618182-18.618182z m0 912.290909h-16.290909v-48.872727c-2.327273-9.309091-11.636364-18.618182-18.618182-18.618182-9.309091 0-23.272727 18.618182-23.272727 18.618182v48.872727H930.909091c-9.309091 0-18.618182 6.981818-18.618182 18.618182v25.6h-48.872727c-9.309091 0-16.290909 6.981818-16.290909 16.290909 0 9.309091 6.981818 16.290909 16.290909 16.290909h48.872727v16.290909c0 9.309091 6.981818 18.618182 18.618182 18.618182h74.472727c9.309091 0 18.618182-6.981818 18.618182-18.618182V930.909091c-2.327273-11.636364-9.309091-18.618182-18.618182-18.618182z m0 0" p-id="10180" fill="#999999"></path></svg>
        </div>
</div>
</div>
<div class="submenu-insertmenu">
    <div class="submenu-insertmenu-text" data-insert="line">
        <svg overflow="visible" width="20" height="20"><path  class="line-path" d="M 0 0 L 18 18" stroke="#999" fill="none" stroke-width="2" stroke-dasharray="0, 0" marker-start="" marker-end=""></path></svg>
        线条
    </div>
    <div class="submenu-insertmenu-shortcut">
        <i class="iconfont icon-arrow-right"></i>
          <div class="submenu-insertmenu-shortcut-subs">
            <svg  data-insert="line" overflow="visible" width="20" height="20"><path  class="line-path" d="M 0 0 L 20 20" stroke="currentColor" fill="none" stroke-width="2" stroke-dasharray="0, 0" marker-start="" marker-end=""></path></svg>
            <svg  data-insert="line-dash" overflow="visible" width="20" height="20"><path  class="line-path" d="M 0 0 L 20 20" stroke="currentColor" fill="none" stroke-width="2" stroke-dasharray="4, 1" marker-start="" marker-end=""></path></svg>
            <svg  data-insert="line-arrow" overflow="visible" width="20" height="20"><marker  id="preset-line-0-2-arrow-end" markerUnits="userSpaceOnUse" orient="auto" markerWidth="6" markerHeight="6" refX="3" refY="3" class="line-marker"><path d="M0,0 L10,5 0,10 Z" fill="currentColor" transform="scale(0.6, 0.6) rotate(0, 5, 5)"></path></marker></defs><path  class="line-path" d="M 0 0 L 20 20" stroke="currentColor" fill="none" stroke-width="2" stroke-dasharray="0, 0" marker-start="" marker-end="url(#preset-line-0-2-arrow-end)"></path></svg>
            <svg  data-insert="line-arrow-dash" overflow="visible" width="20" height="20"><marker  id="preset-line-0-3-arrow-end" markerUnits="userSpaceOnUse" orient="auto" markerWidth="6" markerHeight="6" refX="3" refY="3" class="line-marker"><path d="M0,0 L10,5 0,10 Z" fill="currentColor" transform="scale(0.6, 0.6) rotate(0, 5, 5)"></path></marker></defs><path  class="line-path" d="M 0 0 L 20 20" stroke="currentColor" fill="none" stroke-width="2" stroke-dasharray="4, 1" marker-start="" marker-end="url(#preset-line-0-3-arrow-end)"></path></svg>
            <svg  data-insert="line-z" overflow="visible" width="20" height="20"><marker  id="preset-line-1-0-arrow-end" markerUnits="userSpaceOnUse" orient="auto" markerWidth="6" markerHeight="6" refX="3" refY="3" class="line-marker"><path d="M0,0 L10,5 0,10 Z" fill="currentColor" transform="scale(0.6, 0.6) rotate(0, 5, 5)"></path></marker></defs><path  class="line-path" d="M 0 0 L 0 20 L 20 20" stroke="currentColor" fill="none" stroke-width="2" stroke-dasharray="0, 0" marker-start="" marker-end="url(#preset-line-1-0-arrow-end)"></path></svg>
            <svg  data-insert="line-zz" overflow="visible" width="20" height="20"><marker  id="preset-line-1-1-arrow-end" markerUnits="userSpaceOnUse" orient="auto" markerWidth="6" markerHeight="6" refX="3" refY="3" class="line-marker"><path d="M0,0 L10,5 0,10 Z" fill="currentColor" transform="scale(0.6, 0.6) rotate(0, 5, 5)"></path></marker></defs><path  class="line-path" d="M 0 0 L 10 0 L 10 20 L 20 20" stroke="currentColor" fill="none" stroke-width="2" stroke-dasharray="0, 0" marker-start="" marker-end="url(#preset-line-1-1-arrow-end)"></path></svg>
            <svg  data-insert="line-w" overflow="visible" width="20" height="20"><marker  id="preset-line-1-2-arrow-end" markerUnits="userSpaceOnUse" orient="auto" markerWidth="6" markerHeight="6" refX="3" refY="3" class="line-marker"><path d="M0,0 L10,5 0,10 Z" fill="currentColor" transform="scale(0.6, 0.6) rotate(0, 5, 5)"></path></marker></defs><path  class="line-path" d="M 0 0 Q 0 20 20 20" stroke="currentColor" fill="none" stroke-width="2" stroke-dasharray="0, 0" marker-start="" marker-end="url(#preset-line-1-2-arrow-end)"></path></svg>
            <svg  data-insert="line-ww" overflow="visible" width="20" height="20"><marker  id="preset-line-1-3-arrow-end" markerUnits="userSpaceOnUse" orient="auto" markerWidth="6" markerHeight="6" refX="3" refY="3" class="line-marker"><path d="M0,0 L10,5 0,10 Z" fill="currentColor" transform="scale(0.6, 0.6) rotate(0, 5, 5)"></path></marker></defs><path  class="line-path" d="M 0 0 C 20 0 0 20 20 20" stroke="currentColor" fill="none" stroke-width="2" stroke-dasharray="0, 0" marker-start="" marker-end="url(#preset-line-1-3-arrow-end)"></path></svg>
        </div>
</div>
</div>
<div class="submenu-insertmenu">
    <div class="submenu-insertmenu-text" data-insert="image">
        <svg  class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2308" width="200" height="200"><path d="M904 176v672H120V176h784m0-56H120c-30.9 0-56 25.1-56 56v672c0 30.9 25.1 56 56 56h784c30.9 0 56-25.1 56-56V176c0-30.9-25.1-56-56-56z" fill="#231815" p-id="2309"></path><path d="M422.4 375.7L649.6 512 422.4 648.3V375.7m0.1-56.1c-29.2 0-56.1 23.3-56.1 56.1v272.6c0 32.8 26.9 56.1 56.1 56.1 9.6 0 19.5-2.5 28.7-8.1L678.4 560c36.3-21.8 36.3-74.3 0-96L451.2 327.7c-9.2-5.6-19.1-8.1-28.7-8.1z" fill="#231815" p-id="2310"></path></svg>
        图片/视频
    </div>
    <div class="submenu-insertmenu-shortcut">
        <i class="iconfont icon-arrow-right"></i>
            <div class="submenu-insertmenu-shortcut-subs">
                <svg data-insert="media" t="1726127626906" class="icon icon-fill" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7131" data-spm-anchor-id="a313x.search_index.0.i4.26393a819W2MYl" width="200" height="200"><path d="M861.44 246.8864a68.266667 68.266667 0 0 1 93.422933 58.965333l0.136534 4.3008 0.477866 232.5504a68.266667 68.266667 0 0 1-89.361066 65.0752l-4.061867-1.467733-157.832533-62.583467a34.133333 34.133333 0 0 1 22.647466-64.341333l2.5088 0.887467 157.832534 62.5664-0.477867-232.533334-157.2864 62.737067a34.133333 34.133333 0 0 1-27.733333-62.327467l2.440533-1.092266 157.2864-62.737067z" fill="#999999" p-id="7132" data-spm-anchor-id="a313x.search_index.0.i3.26393a819W2MYl" class="selected"></path><path d="M682.666667 119.466667H136.533333a68.266667 68.266667 0 0 0-68.266666 68.266666v477.866667a68.266667 68.266667 0 0 0 68.266666 68.266667h546.133334a68.266667 68.266667 0 0 0 68.266666-68.266667V187.733333a68.266667 68.266667 0 0 0-68.266666-68.266666zM136.533333 187.733333h546.133334v477.866667H136.533333V187.733333z" fill="#999999" p-id="7133" data-spm-anchor-id="a313x.search_index.0.i0.26393a819W2MYl" class="selected"></path><path d="M242.5344 701.5424a34.133333 34.133333 0 0 1 62.1568 28.091733l-1.092267 2.423467-85.333333 170.666667a34.133333 34.133333 0 0 1-62.1568-28.091734l1.092267-2.423466 85.333333-170.666667zM530.875733 686.267733a34.133333 34.133333 0 0 1 44.509867 12.919467l1.28 2.3552 85.333333 170.666667a34.133333 34.133333 0 0 1-59.784533 32.8704l-1.28-2.3552-85.333333-170.666667a34.133333 34.133333 0 0 1 15.274666-45.789867z" fill="#999999" p-id="7134" data-spm-anchor-id="a313x.search_index.0.i2.26393a819W2MYl" class=""></path><path d="M512 529.066667v34.133333a34.133333 34.133333 0 0 1-34.133333 34.133333H238.933333a34.133333 34.133333 0 0 1-34.133333-34.133333v-34.133333h307.2z" fill="#999999" p-id="7135" data-spm-anchor-id="a313x.search_index.0.i1.26393a819W2MYl" class="selected"></path></svg>
                <svg data-insert="image" width="1em" height="1em" viewBox="0 0 48 48" fill="none"><path d="M39 6H9C7.34315 6 6 7.34315 6 9V39C6 40.6569 7.34315 42 9 42H39C40.6569 42 42 40.6569 42 39V9C42 7.34315 40.6569 6 39 6Z" stroke="#999" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"></path><path d="M18 23C20.7614 23 23 20.7614 23 18C23 15.2386 20.7614 13 18 13C15.2386 13 13 15.2386 13 18C13 20.7614 15.2386 23 18 23Z" fill="none" stroke="#999" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"></path><path d="M27.7901 26.2194C28.6064 25.1269 30.2528 25.1538 31.0329 26.2725L39.8077 38.8561C40.7322 40.182 39.7835 42.0001 38.1671 42.0001H16L27.7901 26.2194Z" stroke="#999" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"></path></svg>
            </div>
        </i>
    </div>
</div>
<div class="submenu-insertmenu">
    <div class="submenu-insertmenu-text" >
    <svg t="1726128271538" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12291" width="200" height="200"><path d="M276.849405 522.079344c0 42.159288-35.200959 77.257919-77.257919 77.257919s-77.257919-35.200959-77.257919-77.257919 35.200959-77.257919 77.257919-77.257919S276.849405 479.920056 276.849405 522.079344z" p-id="12292" fill="#999999"></path><path d="M501.664835 522.38633m-77.257919 0a75.5 75.5 0 1 0 154.515839 0 75.5 75.5 0 1 0-154.515839 0Z" p-id="12293" fill="#999999"></path><path d="M804.045168 522.38633m-77.257919 0a75.5 75.5 0 1 0 154.515839 0 75.5 75.5 0 1 0-154.515839 0Z" p-id="12294" fill="#999999"></path></svg>
        其他类型
    </div>
    <div class="submenu-insertmenu-shortcut" data-insert="logo">
        <i class="iconfont icon-arrow-right"></i>
            <div class="submenu-insertmenu-shortcut-subs">
                <svg data-insert="logo" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4444" width="200" height="200"><path d="M128 128m128 0l512 0q128 0 128 128l0 512q0 128-128 128l-512 0q-128 0-128-128l0-512q0-128 128-128Z" fill="#FF5E00" p-id="4445"></path><path d="M533.472 554.24h-65.76v128.64h-66.72V341.12h132.48a106.72 106.72 0 1 1 0 213.12z m-3.2-153.6h-62.4v93.568h62.4a46.848 46.848 0 1 0 0-93.568z" fill="#FFFFFF" p-id="4446"></path></svg>
                <svg data-insert="star" class="icon icon-fill" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7214" width="200" height="200"><path d="M737.792 910.694a57.242 57.242 0 0 1-26.726-6.656l-197.53-103.833-197.53 103.833a57.242 57.242 0 0 1-83.046-60.364l37.683-220.16-159.795-155.546a57.293 57.293 0 0 1 31.744-97.69l220.928-32.05 98.662-199.988a56.832 56.832 0 0 1 51.2-31.898 56.934 56.934 0 0 1 51.2 31.898l98.765 200.14 220.826 32.052a57.293 57.293 0 0 1 32.307 97.536l-159.795 155.75 37.734 220.16A57.395 57.395 0 0 1 738.1 910.9zM159.846 430.08l155.29 151.398a57.242 57.242 0 0 1 16.435 50.688l-36.659 213.556 192-100.916a57.088 57.088 0 0 1 53.3 0L732.16 845.722l-36.66-213.76a57.344 57.344 0 0 1 16.436-50.688l155.34-151.194-214.63-31.18a57.293 57.293 0 0 1-43.11-31.335l-96-194.56-96 194.56a57.242 57.242 0 0 1-43.11 31.334z m715.674 1.024z m-365.722-265.83z" fill="#999999" p-id="7215"></path></svg>
                <svg data-insert="ring" class="icon icon-fill" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8052" width="200" height="200"><path d="M512 47.886637C255.677147 47.886637 47.886637 255.677147 47.886637 512S255.677147 976.113363 512 976.113363s464.113363-207.79051 464.113363-464.113363S768.322853 47.886637 512 47.886637zM512 746.102782c-128.160915 0-232.057193-103.895255-232.057193-232.057193s103.895255-232.057193 232.057193-232.057193 232.057193 103.895255 232.057193 232.057193S640.161938 746.102782 512 746.102782z" p-id="8053" fill="#999999"></path></svg>
                <svg data-insert="circle" class="icon icon-fill" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4565" width="200" height="200"><path d="M512 512m-469.333333 0a469.333333 469.333333 0 1 0 938.666666 0 469.333333 469.333333 0 1 0-938.666666 0Z" fill="#999999" p-id="4566"></path></svg>
                <svg data-insert="ellipse" class="icon icon-fill" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5686" width="200" height="200"><path d="M112 512a400 240 0 1 0 800 0 400 240 0 1 0-800 0Z" p-id="5687" fill="#999999"></path></svg>
                <svg data-insert="triangle" class="icon icon-fill" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8679" width="200" height="200"><path d="M512 6.4C505.6 0 492.8 0 480 0s-25.6 0-32 6.4c-12.8 6.4-19.2 19.2-25.6 25.6L6.4 761.6c-12.8 19.2-12.8 44.8 0 64 6.4 12.8 12.8 12.8 25.6 19.2s19.2 6.4 32 6.4h819.2c12.8 0 25.6 0 32-6.4 12.8-6.4 19.2-12.8 25.6-19.2 12.8-19.2 12.8-44.8 0-64L537.6 32C531.2 25.6 524.8 12.8 512 6.4z" fill="#999999" p-id="8680"></path></svg>
                <svg data-insert="polygon" class="icon icon-fill" viewBox="0 0 1052 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4492" width="200" height="200"><path d="M1044.457134 781.769484L735.788606 660.447897a22.283557 22.283557 0 0 0-8.253169 0 23.108874 23.108874 0 0 0-20.220264 33.012677l135.351974 306.192577a12.792412 12.792412 0 0 0 11.967096 7.840511 12.792412 12.792412 0 0 0 11.967095-8.665828l46.630406-132.050707 132.050707-61.073452a13.617729 13.617729 0 0 0-0.825317-23.934191z" fill="#999999" p-id="4493"></path><path d="M863.712729 563.885818a95.324104 95.324104 0 0 1 24.346849 85.007642h49.519015a146.081095 146.081095 0 0 0-37.139261-117.607661 448.972404 448.972404 0 0 0-165.063384-109.354491c-58.184843-25.584824-74.278523-35.901286-70.151938-54.058259a165.063384 165.063384 0 0 1 47.455723-71.802571 123.797538 123.797538 0 0 0 48.281039-108.116517A285.559654 285.559654 0 0 0 609.515118 17.938676a158.04819 158.04819 0 0 0-152.270972 3.301268 267.402682 267.402682 0 0 0-120.49627 123.797537c0 3.713926-4.126585 6.602535-7.427852 5.777219-95.736763-12.379754-231.914054 14.855705-293.812823 82.531692A128.336781 128.336781 0 0 0 3.319841 350.954053a298.352066 298.352066 0 0 0 133.701341 174.14187 186.934282 186.934282 0 0 1 41.265846 33.425335c-5.36456 10.72912-18.982289 16.506338-41.265846 25.584824a148.144387 148.144387 0 0 0-107.703858 123.797538c-14.443046 87.483593 89.134227 260.387488 206.329229 305.36726a158.460848 158.460848 0 0 0 53.232942 10.72912 156.397556 156.397556 0 0 0 130.812731-82.531692c70.977255-109.354492 123.797538-154.746922 171.253261-165.063384l-18.569631-45.805089c-59.835477 17.331655-119.670953 71.802572-193.536817 186.108966-35.488628 54.883575-77.992449 71.802572-129.574756 51.994965-99.03803-38.377237-184.87099-191.473525-174.967187-252.134318a100.688664 100.688664 0 0 1 77.992449-85.83296 113.893735 113.893735 0 0 0 66.025353-48.693698c20.632923-41.265846-17.331655-68.088646-54.058258-94.911446a250.071026 250.071026 0 0 1-113.068418-146.906411 79.230424 79.230424 0 0 1 20.220265-75.10384C113.912308 218.903346 206.347803 195.381813 281.038984 195.381813a326.412841 326.412841 0 0 1 41.265846 2.475951 56.12155 56.12155 0 0 0 59.01016-35.901286 222.42291 222.42291 0 0 1 99.863347-98.625372 109.76715 109.76715 0 0 1 106.878541 0 242.230516 242.230516 0 0 1 123.797538 134.114c4.126585 23.108874-10.316461 41.265846-35.488628 66.438012a206.32923 206.32923 0 0 0-59.422818 93.67347c-14.855705 60.660794 41.265846 85.83296 97.800055 110.592467a408.531875 408.531875 0 0 1 148.969704 95.736763z" fill="#999999" p-id="4494"></path></svg>
            </div>
        </i>
    </div>
</div>
<div class="submenu-insertmenu">
    <div class="submenu-insertmenu-text" data-insert="chart">
        <svg t="1723810386445" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2109" width="200" height="200"><path fill="#999" d="M1024 900v24c0 2.2-1.8 4-4 4H32c-17.7 0-32-14.3-32-32V100c0-2.2 1.8-4 4-4h24c2.2 0 4 1.8 4 4v788c0 4.4 3.6 8 8 8h980c2.2 0 4 1.8 4 4z" p-id="2110"></path><path fill="#999" d="M624.7 698.6L446.4 319.8c-1-2.1-3.5-2.9-5.5-1.8L290 398.1c-2.3 1.2-4.9 1.9-7.5 1.9H136c-4.4 0-8-3.6-8-8v-48c0-4.4 3.6-8 8-8h133.6c0.7 0 1.3-0.2 1.9-0.5l195-103.6c4-2.1 9-0.5 11 3.7l171 363.3c1.1 2.4 4.3 3.1 6.3 1.3l170.4-150.9c4.2-3.7 10.7-2.1 12.8 3.1l84.9 216.5c1.6 4.1-0.4 8.8-4.5 10.4l-44.7 17.5c-4.1 1.6-8.8-0.4-10.4-4.5l-53.6-136.6c-1-2.6-4.3-3.4-6.4-1.5l-166.1 147c-4 3.5-10.2 2.2-12.5-2.6z" p-id="2111"></path></svg>
        统计图
    </div>
</div>
<div class="submenu-insertmenu">
    <div class="submenu-insertmenu-text" data-insert="table">
        <svg t="1723808661539" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1989" width="200" height="200"><path d="M928 938.666667H96a53.393333 53.393333 0 0 1-53.333333-53.333334V181.333333a53.393333 53.393333 0 0 1 53.333333-53.333333h832a53.393333 53.393333 0 0 1 53.333333 53.333333v704a53.393333 53.393333 0 0 1-53.333333 53.333334z m-245.333333-42.666667h245.333333a10.666667 10.666667 0 0 0 10.666667-10.666667v-202.666666h-256z m-298.666667 0h256v-213.333333H384z m-298.666667-213.333333v202.666666a10.666667 10.666667 0 0 0 10.666667 10.666667h245.333333v-213.333333z m597.333334-42.666667h256V426.666667h-256z m-298.666667 0h256V426.666667H384z m-298.666667 0h256V426.666667H85.333333z m853.333334-256V181.333333a10.666667 10.666667 0 0 0-10.666667-10.666666H96a10.666667 10.666667 0 0 0-10.666667 10.666666v202.666667z" fill="#5C5C66" p-id="1990"></path></svg>
        表格
    </div>
</div>
<div class="submenu-insertmenu">
    <div class="submenu-insertmenu-text" data-insert="latex">
        <svg t="1723808677373" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2148" width="200" height="200"><path d="M512 928H128a32 32 0 0 1-26.88-49.92L345.6 512 101.12 145.92A32 32 0 0 1 128 96h384a32 32 0 0 1 0 64H187.52l223.36 334.08a33.28 33.28 0 0 1 0 35.84L187.52 864H512a32 32 0 0 1 0 64zM640 928a36.48 36.48 0 0 1-17.92-5.12 32.64 32.64 0 0 1-8.96-44.8l256-384a32 32 0 0 1 53.76 35.84l-256 384a33.28 33.28 0 0 1-26.88 14.08z" fill="#4D4D4D" p-id="2149"></path><path d="M896 928a33.28 33.28 0 0 1-26.88-14.08l-256-384a32 32 0 1 1 53.76-35.84l256 384a32.64 32.64 0 0 1-8.96 44.8 36.48 36.48 0 0 1-17.92 5.12z" fill="#4D4D4D" p-id="2150"></path></svg>
        公式
    </div>
</div>
    `;

// 切换-二级目录
const switchTemp = `
<div class="submenu-swith submenu-swith-animation">
    <div class="submenu-swith-item" data-switch="none">
        <div class="submenu-swith-item-box"></div>
        <div class="submenu-swith-item-text">无</div>
    </div>
    <div class="submenu-swith-item animate__news" data-switch="animate__news">
        <div class="submenu-swith-item-box"></div>
        <div class="submenu-swith-item-text">新闻快报</div>
    </div>
    <div class="submenu-swith-item animate__moveLeft" data-switch="animate__moveLeft">
        <div class="submenu-swith-item-box"></div>
        <div class="submenu-swith-item-text">左右推入</div>
    </div>
    <div class="submenu-swith-item animate__moveTop" data-switch="animate__moveTop">
        <div class="submenu-swith-item-box"></div>
        <div class="submenu-swith-item-text">上下推入</div>
    </div>
    <div class="submenu-swith-item animate__fadeIn" data-switch="animate__fadeIn">
        <div class="submenu-swith-item-box"></div>
        <div class="submenu-swith-item-text">淡入淡出</div>
    </div>
    <div class="submenu-swith-item animate__rotate" data-switch="animate__rotate">
        <div class="submenu-swith-item-box"></div>
        <div class="submenu-swith-item-text">旋转</div>
    </div>
    <div class="submenu-swith-item animate__expandTop" data-switch="animate__expandTop">
        <div class="submenu-swith-item-box"></div>
        <div class="submenu-swith-item-text">上下展开</div>
    </div>
    <div class="submenu-swith-item animate__expandLeft" data-switch="animate__expandLeft">
        <div class="submenu-swith-item-box"></div>
        <div class="submenu-swith-item-text">左右展开</div>
    </div>
    <div class="submenu-swith-item animate__zoomIn" data-switch="animate__zoomIn">
        <div class="submenu-swith-item-box"></div>
        <div class="submenu-swith-item-text">放大</div>
    </div>
    <div class="submenu-swith-item animate__zoomOut" data-switch="animate__zoomOut">
        <div class="submenu-swith-item-box"></div>
        <div class="submenu-swith-item-text">缩小</div>
    </div>
    <div class="submenu-swith-item animate__bounceIn" data-switch="animate__bounceIn">
        <div class="submenu-swith-item-box"></div>
        <div class="submenu-swith-item-text">弹入</div>
    </div>
    <div class="submenu-swith-item animate__cube" data-switch="animate__cube">
        <div class="submenu-swith-item-box"></div>
        <div class="submenu-swith-item-text">立方体</div>
    </div>
    <div class="submenu-swith-apply" data-switch="apply">
        <span>应用全部</span>
    </div>
</div>
`;

// 放映
const playTemp = `
<div data-play="start" class="submenu-filemenu">
    <div class="submenu-filemenu-text">
        <i class="iconfont icon-congtoukaishi"></i> 从头开始
    </div>
    <div class="submenu-filemenu-shortcut">F5</div>
</div>
<div data-play="current" class="submenu-filemenu">
    <div class="submenu-filemenu-text">
        <i class="iconfont icon-bofang"></i> 当页开始
    </div>
    <div class="submenu-filemenu-shortcut">Ctrl + F5</div>
</div>
<div class="line-h"></div>
<div data-play="record" class="submenu-filemenu">
    <div class="submenu-filemenu-text">
        <i class="iconfont icon-luzhi"></i> 屏幕录制
    </div>
    <div class="submenu-filemenu-shortcut">Ctrl + Shift + R</div>
</div>
`;

// 预览
const viewTemp = (payload: { line: boolean; ruler: boolean }) => `
<div data-view="ruler" class="submenu-filemenu">
    <div class="submenu-filemenu-text">
        标尺
    </div>
    ${
      payload.ruler
        ? '<div class="submenu-filemenu-shortcut"><i class="iconfont icon-duigou"></i></div>'
        : ""
    }
</div>
<div data-view="grid" class="submenu-filemenu">
    <div class="submenu-filemenu-text">
        网格线
    </div>
    ${
      payload.line
        ? '<div class="submenu-filemenu-shortcut"><i class="iconfont icon-duigou"></i></div>'
        : ""
    }
</div>
`;

// 二级目录HTML结构
export const submenuTemp = {
  insertTemp,
  filemenuTemp,
  switchTemp,
  playTemp,
  viewTemp,
};
